<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:fb="http://ogp.me/ns/fb#"
	xmlns:g="http://base.google.com/ns/1.0">
<h:head>
	<title>#{lang['web.title.video']}</title>
	<script>
		$(document).ready(function(){
			$('#nav-video').addClass('active');
		});
	</script>
</h:head>
<body>
<div id="fb-root"></div>

	<div class="container">
		<div class="row">
			<ul class="list-inline location-page">
				<li><a href="/#{lang['web.url']}/video/" title="#{lang['web.title.video']}">#{lang['web.title.video']}</a></li>
			</ul>
		</div>
	</div>
	<!-- NỘI DUNG CÁC NGHÊ NGHIỆP -->
	<div class="container">
		<div class="row">
			<div class="hidden-md cls-div-end"></div>
		</div>
		
		<div class="row">
			<!-- NỘI DUNG VIDEO -->
			<div class="col-md-9 col-sm-9 col-xs-12 video-main">
				<div class="">
					<iframe id="player" type="text/html" style="width:100%;height:500px;" src="http://www.youtube.com/embed/jzFCaCSX9vM" frameborder="0"></iframe>
				</div>
			</div>
			<!--END NỘI DUNG VIDEO-->
			
			<div class="col-md-3 col-sm-3 col-xs-12 video-detail">
				<h3 class="video-title">Huong nghiep 2015</h3>
				<p class="video-direction">Đời sống công nghệ hiện đại không thể nào thiếu được các thiết bị điện và điện tử. Các thiết bị này phổ biến ở khắp các hộ gia đình, trong các thiết bị giải trí, trong nhà máy sản xuất và có thể nói là tất cả mọi nơi có con nguời. </p>
				<!-- share tren cac mang xa hoi -->
				<div class="table-responsive video-info">      
       				<table class="table table-striped table-bordered">
       					<tbody>
							<tr>
								<td class="video-tb-td">Ngày đăng:</td>
								<td >02/12/2014</td>
							</tr>
							<tr>
								<td class="video-tb-td">Thể loại:</td>
								<td>Tuyển sinh</td>
							</tr>
							<tr>
								<td class="video-tb-td">Nguồn:</td>
								<td>youtube.com</td>
							</tr>
							<tr>
								<td class="video-tb-td">Lượt xem:</td>
								<td>30</td>
							</tr>
						</tbody>
       				</table>
				</div>
				<div class="addthis_sharing_toolbox video-share-cocial"></div>
			</div>
			
			<!-- comment facebook -->
			<div class="col-md-9 col-sm-9 col-xs-12 comment-facebook">
				<div role="tabpanel">

				  <!-- Nav tabs -->
				  <ul class="nav nav-tabs" role="tablist">
				    <li role="presentation" class="active"><a href="#id-comment-facebook" aria-controls="home" role="tab" data-toggle="tab" class="tab-comment tab-commnet-facebook">Facebook</a></li>
				    <li role="presentation" class=""><a href="#id-comment-google" aria-controls="profile" role="tab" data-toggle="tab" class="tab-comment tab-comment-google">Google+</a></li>
				  </ul>
				
				  <!-- Tab panes -->
				  <div class="tab-content">
				  	<!-- comment facebook -->
				    <div role="tabpanel" class="tab-pane active" id="id-comment-facebook">
				    	<fb:comments href="http://localhost:8081/huongnghiep/vn/video/" width="100%" numposts="3" colorscheme="light"></fb:comments>
				    </div>
				    <!-- comment google+ -->
				    <div role="tabpanel" class="tab-pane" id="id-comment-google">
						<g:comments view_type="FILTERED_POSTMOD" first_party_property="BLOGGER" width="845" href="http://localhost:8081/huongnghiep/vn/video/"></g:comments>
						<g:comments view_type="FILTERED_POSTMOD" first_party_property="BLOGGER" width="845" href="http://localhost:8081/huongnghiep/vn/video/"></g:comments>
				    </div>
				  </div>
				
				</div>
			</div>
		</div>
	</div>
	<!--END NỘI DUNG TIN TỨC -->
</body>
</html>